<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">


	<f:metadata>
		<f:viewParam name="id" value="#{barrioBean.id}" />
		<f:event type="preRenderView" listener="#{barrioBean.inicio()}" />
	</f:metadata>

	<ui:define name="centerContent">
		<script type="text/javascript"
			src="http://maps.google.com/maps/api/js?sensor=true"></script>
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
			<h:outputText
				value="Puntos de Interes de: #{barrioBean.entity.descripcion}" />

				<p:gmap id="gmap" fitBounds="true" 
					center="#{barrioBean.coordenadas.lat},#{barrioBean.coordenadas.lng}"
					zoom="13" type="MAP" style="width:100%;height:450px"
					model="#{barrioBean.mapaModel}" draggable="true" streetView="false" mapTypeControl="false" navigationControl="false"
					widgetVar="map">		
					<p:ajax event="markerDrag" listener="#{barrioBean.onMarkerDrag}"/>
					<p:ajax event="overlaySelect" listener="#{barrioBean.onMarkerSelect}" />
							<p:gmapInfoWindow>
								<p:outputPanel style="text-align:center;display:block;margin:auto:">
									<h:panelGrid columns="1">
										<h:link outcome="/pages/alquiler/create"  style="color:#FF0000;"
											title="Alquilar Propiedad">
												#{barrioBean.marker.title} Detalle
												<f:param name="idPropiedad" value="#{barrioBean.marker.data}" />
										</h:link>
										<h:link outcome="/pages/propiedad/view"  style="color:#FF0000;"
											title="Detalles de la Propiedad">
												#{barrioBean.marker.title} Eliminar Punto
												<f:param name="id" value="#{barrioBean.marker.data}" />
										</h:link>
									</h:panelGrid>
								</p:outputPanel>
							</p:gmapInfoWindow>				
				</p:gmap>

		</h:panelGroup>
	</ui:define>
</ui:composition>
</html>

